<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
		<link rel="stylesheet" type="text/css" href="css/font.css"/>
	</head>
	<body>
		<!--页面主内容-->
		<div class="web">
			<div class="min_header">
				<div class="contenter">
					<div class="ad">
						<a href="#" title="小米官网" class="logo"><img src="img/mi-logo.png"/></a>
					</div>
					<h2>我的购物车</h2> 
					<p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
					<div class="user fr">
						<a href="login.html">登录</a>
						<span>|</span>
						<a href="#">注册</a>
					</div>
				</div>
			</div>
			<div class="page clearfix">
				<div class="page_content">
					<div class="page_top clearfix">
						<div class="check">
							<i class="iconfont">√</i> 全选
						</div>
						<div class="img">
							
						</div>
						<div class="name">
							商品名称
						</div>
						<div class="price">
							单价
						</div>
						<div class="num">
							数量
						</div>
						<div class="total">
							小计
						</div>
						<div class="action">
							操作
						</div>
					</div>
					<!--购物车清单-->
					<div class="page_li clearfix">
						<div class="check">
							<i class="iconfont">√</i>
						</div>
						<div class="img">
							<a href="product.html"><img src="img/mi-mix2.jpg"/></a>
						</div>
						<div class="name">
							<a href="product.html">小米MIX2 全网通版 6GB内存 黑色陶瓷 64GB </a>
						</div>
						<div class="price">
							3299元
						</div>
						<div class="num">
							<div class="check_num">
								<a href="#"><i class="iconfont"></i></a>
								<input type="text" name="num" value="1"/>
								<a href="#"><i class="iconfont"></i></a>
							</div>
						</div>
						<div class="total">
							3299元
						</div>
						<div class="action">
							<a href="#"><i class="iconfont"></i></a>
						</div>
					</div>
					<!---->
					<div class="close clearfix">
						<div class="close_left fl">
							<a href="index.html">继续购物</a>
							<span>|</span>
							共 <i>1</i> 件商品，已选择 <i>1</i> 件
						</div>
						<div class="close_right fr">
							合计：<span>6598</span>元
							<a href="login.html">去结算</a>
						</div>
					</div>
					<div class="recom">
						<span>买购物车中商品的人还买了</span>
					</div>
					<div class="lie">
						<ul class="clearfix">
							<li class="li_img"><a href="#"><img src="img/nim.jpg"/></a></li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/mx_01.png"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/dp_03.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/dp_05.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/dp_06.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/jd_04.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/jd_06.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/jd_07.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/mx_02.png"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
							<li>
								<div class="li_img">
									<a href="#"><img src="img/pj_07.jpg"/></a>
								</div>
								<h2><a href="#"> 小米5X 全网通版 4GB内存 </a></h2>
								<p>1499元</p>
								<span>1555人好评</span>
								<a class="card">加入购物车</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
		</div>
		<!--页脚-->
		<footer>
			<!--快速服务-->
			<div class="serve">
				<ul class="clearfix">
					<li><a href="#"><i class="iconfont"></i> 预约维修服务</a></li>
					<li><a href="#"><i class="iconfont"></i> 7天无理由退货</a></li>
					<li><a href="#"><i class="iconfont"></i> 15天免费换货</a></li>
					<li><a href="#"><i class="iconfont"></i> 满150元包邮</a></li>
					<li><a href="#"><i class="iconfont"></i> 520余家售后网点</a></li>
				</ul>
			</div>
			<!--底部导航-->
			<div class="ser clearfix">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<div class="tel">
					<p class="phone">400-100-5678</p>
					<p>
						周一至周日 8:00-18:00<br />
						（仅收市话费）
					</p>
					<a href="#" class="weixin"><i class="iconfont"></i>24小时在线客服</a>
				</div>
			</div>
			<!--底部信息-->
			<div class="footrd">
				<div class="help">
					<div class="mi clearfix">
						<div class="logo_img">
							<img src="img/mi-logo.png"/>
						</div>
						<div class="ifo">
							<p class="ifo_link">
								<a href="#">小米商城</a>
								<span>|</span>
								<a href="#">MIUI</a>
								<span>|</span>
								<a href="#">米家</a>
								<span>|</span>
								<a href="#">米聊</a>
								<span>|</span>
								<a href="#">多看</a>
								<span>|</span>
								<a href="#">路由器</a>
								<span>|</span>
								<a href="#">米粉卡</a>
								<span>|</span>
								<a href="#">小米天猫店</a>
								<span>|</span>
								<a href="#">隐私政策</a>
								<span>|</span>
								<a href="#">问题反馈</a>
								<span>|</span>
								<a href="#">Select Region</a>
							</p>
							<p class="copyright">
								©<a href="#">mi.com</a>京ICP证110507号 <a href="#">京ICP备10046444号</a> <a href="#">京公网安备11010802020134号</a> <a href="#">京网文[2014]0059-0009号</a><br /> 
								违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
							</p>
						</div>
						<div class="links">
							<a href="#"><img src="img/truste.png"/></a>
							<a href="#"><img src="img/logo-1.png"/></a>
							<a href="#"><img src="img/logo-2.png"/></a>
							<a href="#"><img src="img/logo-3.png"/></a>
							<a href="#"><img src="img/logo-4.png"/></a>
						</div>
					</div>
					<div class="slogan">探索黑科技，小米为发烧而生!</div>
				</div>
			</div>
		</footer>
	</body>
</html>
